
<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="maximum-scale=1.0,minimum-scale=1.0,user-scalable=0,width=device-width,initial-scale=1.0"/>
    <meta name="format-detection" content="telephone=no" />
    <title>提现</title>
    <link rel="stylesheet" type="text/css" href="../../css/aui.css" />
    <link rel="stylesheet" type="text/css" href="../../css/common.css" />
    <style>
        body{
            background: #f3f3f3;
            font-size: 14px;
        }
        footer.aui-nav{
            z-index: 99999;
        }
        header.aui-bar{
            background: #fff;
        }
        .aui-title{
            color:#000;
        }
        .contain{
            position: relative;
            margin-bottom: 70px;
        }
        .menuRgiht{
            float: right;
            margin-right:20px;
        }
        #scroller{
            width: 100%;
        }
        .aui-list-view{
            overflow: hidden;
        }
        .aui-list-view:after{
            border:none;
        }
        textarea{
            padding:2px 8px;
            border:none;
            height: 80px;
            overflow-y: auto;
            margin-top: 5px;
        }
        .aui-list-view i.aui-iconfont{
            color:#000;
        }
        /*下面弹出的样式*/
        .pickerToTop{
            position: fixed;
            bottom: 0;
            -webkit-transform: translateY(143px);
            height:143px;
            overflow-y:auto;
            -webkit-transition:  .5s;
            transition:  .5s;
            z-index: 999;
            width: 100%;
            text-align: center;
        }
        .toTopAnimate{
            -webkit-transform: translateY(00px);
        }
        .myBorder{
            height: 8px;
            background: #797979;
        }

        input[type="text"],input[type="number"]{
            line-height: 25px;
            margin: 0;
            width: inherit;
            padding: 0;
            border: 0;
        }
    </style>
</head>
<body>
<header class="aui-bar aui-bar-nav aui-border-b">
    <div class="aui-pull-left aui-iconfont aui-icon-left icon-left-coler" tapmode onclick="closeWin()"></div>
    <div class="aui-title">
        提现
    </div>
</header>
<div class="contain">
    <ul class="aui-list-view">
        <li class="aui-list-view-cell" data-type="proType" tapmode onclick="showPicker(this)">
            <a class="aui-arrow-right">
                提现方式
                <span class="menuRgiht tixianType">支付宝</span>
            </a>
        </li>
    </ul>
    <ul class="aui-list-view">
        <li class="aui-list-view-cell"  >
            <span>账号</span>
            <input type="text"  placeholder="请输入您的账号" value="">
        </li>
        <li class="aui-list-view-cell"  >
            <span>姓名</span>
            <input type="text"  placeholder="请输入您的姓名" value="">
        </li>
        <li class="aui-list-view-cell"  >
            <span>金额</span>
            <input type="number"  placeholder="请输入您要提现的金额" value="">
        </li>
    </ul>
    <div class="myBtn">确认转出</div>
</div>
<!-- <footer class="aui-nav">
    <div class="myBtn">确认发布</div>
</footer> -->
<div class="pickerToTop">
    <ul class="aui-list-view youfei">
        <li class="aui-list-view-cell zfBlue"   tapmode onclick="setType(this)">
            支付宝
        </li>
        <li class="aui-list-view-cell"  tapmode onclick="setType(this)">
            银行卡
        </li>
        <li class=" myBorder" >

        </li>
        <li class="aui-list-view-cell "  tapmode onclick="hidePicker()">
            取消
        </li>
    </ul>
</div>
</body>
<script type="text/javascript" src="../../script/api.js"></script>
<script type="text/javascript" src="../../script/common.js"></script>
<script type="text/javascript" src="../../script/doT.min.js"></script>
<script type="text/javascript" src="../../script/jquery-1.11.3.js"></script>
<script type="text/javascript" src="../../script/mui.js"></script>
<script type="text/javascript">
    apiready = function() {
        api.parseTapmode();

    }
    // mui遮罩
    var mask = mui.createMask(hidePicker);
    // 显示遮罩
    function showPicker(obj){
        mask.show();
        $(".pickerToTop").addClass("toTopAnimate");
    }
    // 关闭遮罩
    function hidePicker(){
        $(".pickerToTop").removeClass("toTopAnimate");
        mask.myclose();
    }
    // 设置体现方式
    function setType(obj){
        $(".tixianType").text($(obj).text());
        hidePicker();
    }
</script>
</html>
